<template>
    <div id="user-shared-show">
        <img v-show="overlayShow" id="share-hint-img" class="show-window" src="https://www.mrobiji.com/images/association-share-hint.svg">
        <van-overlay :show="overlayShow" @click="hideOverlayShow" duration="0" />
    </div>
</template>

<script>
import { Overlay } from "vant"
import Vue from "vue"
Vue.use(Overlay)

export default {
    name: 'UserSharedShow',
    data() {
        return {
            overlayShow: false
        }
    },
    methods: {
        hideOverlayShow() {
            this.overlayShow = false
        },
        showOverlay() {
            this.overlayShow = true
        }
    },
    deactivated() {
        this.hideOverlayShow()
    },
}
</script>

<style>
#share-hint-img {
    width: 230px;
    position: fixed;
    top: 0;
    right: 16px;
    z-index: 2;
}
</style>